<!-- D:/project/app/ydz-app-uniapp/static/images/serve -->
<template>
	<view class="pagebody">
		<view class="topbox borderbox">
			<TopSearch></TopSearch>
		</view>

		<!-- 组件2 -->
		<view class="combox" style="margin-top: -50rpx;">
			<view class="flex-row align-center pos-rel mt20 mb60" style="">
				<view class=" pos-abs fwbold"
					style="left: 0;right: 0;margin: 0 auto;width: max-content;font-size: 56rpx;color: #F0F6F5;">
					About Us
				</view>
				<view class=" flex-row align-center fz40 fwbold pos-abs"
					style="margin: 0 auto;width: max-content;color: #4EF2C9;left: 0;right: 0;">
					<view class=""
						style="width: 53rpx;height: 8rpx;background: linear-gradient( 270deg, #4EF2C9 0%, rgba(0,217,178,0) 100%);border-radius: 8rpx;">
					</view>
					<view class="ml16 mr16">
						关于我们
					</view>
					<view class=""
						style="width: 53rpx;height: 8rpx;background: linear-gradient( 90deg, #4EF2C9 0%, rgba(0,217,178,0) 100%);border-radius: 8rpx;">
					</view>
				</view>
			</view>
			<view class="color303b39 mt40 fz36 mb30" style="line-height: 64rpx;text-align: justified;">
				药队长是一家专注于提供全球顶级医疗咨询服务的专业机构，多年来始终坚守 “把客户当家人，让服务有温度”的经营理念，致力于医疗服务的全球化精准对接与优化配置。
			</view>
			<view class="card_div">
				<view class="card" style="padding-bottom: 24px;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">01</view>
					<view class="title fz36">四大主营业务
					</view>
					<view class="cardcon">
						<view class=" fz32" style="line-height: 48rpx;">
							全球找药/海外就医/远程问诊/临床招募
						</view>
					</view>
				</view>
				<view class="card" style="padding-bottom: 24px;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">02</view>
					<view class="title fz36">海外医疗先驱者
					</view>
					<view class="cardcon justify-start">
						<view class=" fz32" style="line-height: 48rpx;">
							整合全球专家，构建医药、医疗大数据库
						</view>
					</view>
				</view>
				<view class="card" style="border-left: 1rpx solid transparent;">
					<view class="bigyuan"></view>
					<view class="smayuan"></view>
					<view class="num">03</view>
					<view class="title fz36 ">惠及300000+客群
					</view>
					<view class="cardcon ">
						<view class=" fz32" style="line-height: 48rpx;">
							数据截止到2024年上半年
						</view>
					</view>
					<!-- <view class="materials_remark fz14">注：可凭患者身份证去到医院指定科室获取</view> -->
				</view>
			</view>
		</view>

		<!-- 组件7 -->
		<view class="combox">
			<view class="flex-row align-center pos-rel mt20 mb60" style="">
				<view class=" pos-abs fwbold"
					style="left: 0;right: 0;margin: 0 auto;width: max-content;font-size: 56rpx;color: #F0F6F5;">
					primary business
				</view>
				<view class=" flex-row align-center fz40 fwbold pos-abs"
					style="margin: 0 auto;width: max-content;color: #4EF2C9;left: 0;right: 0;">
					<view class=""
						style="width: 53rpx;height: 8rpx;background: linear-gradient( 270deg, #4EF2C9 0%, rgba(0,217,178,0) 100%);border-radius: 8rpx;">
					</view>
					<view class="ml16 mr16">
						四大主营业务
					</view>
					<view class=""
						style="width: 53rpx;height: 8rpx;background: linear-gradient( 90deg, #4EF2C9 0%, rgba(0,217,178,0) 100%);border-radius: 8rpx;">
					</view>
				</view>
			</view>
			<view class="mt32 justify-between flex-wrap" style="align-content: space-between;">
				<view class="comcard flex-col align-center" style="padding: 40rpx;">
					<view class=" align-center justify-center"
						style="width: 200rpx;height: 200rpx;border-radius: 16rpx;">
						<image src="../../static/images/mine/qqzy.png" style="width: 135rpx;height: 135rpx;" mode="">
						</image>
					</view>
					<view class="color303b39 fz32 fwbold mt32" style="line-height: 32rpx;">
						全球找药
					</view>
					<view class=" text-al-center fz24 mt25" style="color: #576260;line-height: 32rpx;">
						海外新特药 <br> 靶向药 孤儿药
					</view>
				</view>
				<view class="comcard flex-col align-center" style="padding: 40rpx;">
					<view class=" align-center justify-center"
						style="width: 200rpx;height: 200rpx;border-radius: 16rpx;">
						<image src="../../static/images/mine/ycwz.png" style="width: 135rpx;height: 135rpx;" mode="">
						</image>
					</view>
					<view class="color303b39 fz32 fwbold mt32" style="line-height: 32rpx;">
						远程问诊
					</view>
					<view class=" text-al-center fz24 mt25" style="color: #576260;line-height: 32rpx;">
						中美、中日多学科
						<br> 联合会诊
					</view>
				</view>
				<view class="comcard flex-col align-center" style="padding: 40rpx;">
					<view class=" align-center justify-center"
						style="width: 200rpx;height: 200rpx;border-radius: 16rpx;">
						<image src="../../static/images/mine/hwjy.png" style="width: 135rpx;height: 135rpx;" mode="">
						</image>
					</view>
					<view class="color303b39 fz32 fwbold mt32" style="line-height: 32rpx;">
						海外就医
					</view>
					<view class=" text-al-center fz24 mt25" style="color: #576260;line-height: 32rpx;">
						海外看病
						<br> 日本体检等就医服务
					</view>
				</view>
				<view class="comcard flex-col align-center" style="padding: 40rpx;">
					<view class=" align-center justify-center"
						style="width: 200rpx;height: 200rpx;border-radius: 16rpx;">
						<image src="../../static/images/mine/lczm.png" style="width: 135rpx;height: 135rpx;" mode="">
						</image>
					</view>
					<view class="color303b39 fz32 fwbold " style="line-height: 32rpx;">
						临床招募
					</view>
					<view class=" text-al-center fz24 mt25" style="color: #576260;line-height: 32rpx;">
						临床新药、新技术免费用
					</view>
				</view>
			</view>
		</view>


		<!-- 组件3 -->
		<view class="combox">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					全球合作药企
				</view>
			</view>
			<view class="color303b39 mt40 fz36 mb30" style="line-height: 64rpx;text-align: justified;">
				与全球100+家优质药企紧密合作<br>
				及时更新药品研发、上市新动态
			</view>
			<view class="flex-wrap mt32 justify-between">
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						孟加拉耀品国际
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						老挝卢修斯
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						法国赛诺菲
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						日本武田
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						印度海德隆
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						英国阿斯利康
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						日本卫材
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						印度zydus
					</view>
				</view>
				<view class="align-center mb30"
					style="width: 339rpx;height: 72rpx;border-radius: 72rpx;padding-left: 32rpx;background: #F6FAF9;">
					<view class=""
						style="background: #00D9B2;width: 16rpx;height: 16rpx;border-radius: 50%;margin-right: 16rpx;">
					</view>
					<view class="color303b39 fz32 fwbold">
						印度SUN
					</view>
				</view>

			</view>
		</view>

		<!-- 组件4 -->
		<view class="combox">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					药队长核心优势
				</view>
			</view>
			<image src="../../static/images/serve/hxys.png" style="width: 700rpx;height: 618rpx;margin-top: 32rpx;"
				mode=""></image>
		</view>

			<lyb :title="'留言板'"></lyb>

		<!-- 组件6 -->
		<view class="remindbox">
			<view class="align-center" style="border-bottom: 1rpx solid #D7DDDC;height: 112rpx;padding: 0 32rpx;">
				<image src="@/static/images/knowledge/mesboard/light.png"
					style="width: 27rpx;height: 36rpx;margin-right: 16rpx;" mode=""></image>
				<view class="" style="font-weight: 800;font-size: 36rpx;color: #00977C;">
					药队长温馨提示您
				</view>
			</view>
			<view class="process borderbox">
				<view class="processbox borderbox pos-rel" style="">
					<view class="pos-abs circular">
						1
					</view>
					请准确填写您的联系方式，并保持电话或联系方式畅通，以便药队长医学顾问能联系到您。
				</view>
				<view class="processbox borderbox pos-rel" style="">
					<view class="pos-abs circular">
						2
					</view>
					咨询人数较多，药队长医学顾问回复不及时，请您谅解。如果急需解决，可拨打免费电话：<a style="color: #00D9B2;"
						href="tel:4000012811">400-001-2811</a>；或者点击免费咨询，立刻咨询
				</view>
				<view class="processbox borderbox pos-rel" style="padding-bottom: 0;">
					<view class="pos-abs circular">
						3
					</view>
					药队长承诺，严格保护您的个人信息。
				</view>
			</view>
		</view>

		<!-- 组件7 -->
		<view class="combox">
			<view class="flex-row align-center" style="">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class=" fz40 fwbold" style="margin-left: 8rpx;color: #00D9B2;">
					客户说
				</view>
			</view>
			<view class="mt40"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“感谢你们的全球找药服务，让我能够及时获得所需的药品。”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 王先生
				</view>
			</view>
			<view class="mt30"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“你们的服务非常专业，咨询团队非常有耐心，帮助我解决了很多疑问。”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 管女士
				</view>
			</view>
			<view class="mt30"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“配送速度超出了我的预期，药品包装也很细心，非常感谢。”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 高女士
				</view>
			</view>
			<view class="mt30"
				style="padding: 32rpx 24rpx 24rpx; background: linear-gradient( 125deg, #F5FEFC 0%, #E7FCF8 100%);border-radius: 24rpx;">
				<view class="color303b39 fz36 fwbold" style="line-height: 56rpx;">
					“以后再也不为找药到处求人了，找药队长就够了。”
				</view>
				<view class="justify-end" style="color: #576260;">
					—— 周女士
				</view>
			</view>
		</view>
		<zxkfcom></zxkfcom>
		
		<FixedFoot :typeid="3"></FixedFoot>
	</view>
</template>

<script>
	import FixedFoot from '../../layouts/fixedfoot.vue';
	import TopSearch from '../../layouts/topsearch.vue';
	import zxkfcom from '../../components/generalcom/zxkfcom.vue';
	import lyb from '../../components/generalcom/lyb.vue';
	export default {
		components: {
			FixedFoot,
			TopSearch,
			zxkfcom,
			lyb
		},
		onLoad() {
		},
		data() {
			return {
			}
		},
		methods: {
		},
		created() {},
	}
</script>

<style lang="scss" scoped>
	::v-deep .is-input-border {
		height: 90rpx;
		border-radius: 16rpx;
		border: 1rpx solid #D7DDDC;
	}

	::v-deep .uni-input-wrapper {
		font-size: 32rpx;
	}

	::v-deep .uni-easyinput__content-input {
		padding: 0 33rpx;
	}

	::v-deep .u-input__textarea {
		font-size: 32rpx;
		padding: 21rpx 0;
	}

	.pagebody {
		padding-bottom: 136rpx;
		background: #F0F6F5;

		.topbox {
			height: 547rpx;
			background: url('../../static/images/mine/aboutusbg.png') no-repeat;
			background-size: cover;
			padding: 36rpx 24rpx;
		}

		.combox {
			padding: 48rpx 24rpx 56rpx;
			background: #fff;
			border-radius: 32rpx;
			margin-top: 16rpx;

			.linebox {
				background: linear-gradient(125deg, #F5FEFC 0%, #E7FCF8 100%);
				border-radius: 24rpx;
				padding: 32rpx 24rpx;
			}

			// 组件2
			.card_div {
				padding: 24rpx;
				border-radius: 24rpx;

				.card {
					border-left: 1rpx dashed #80dbe4;
					position: relative;

					.smayuan {
						width: 16rpx;
						height: 16rpx;
						border-radius: 50%;
						background: #00D9B2;
						position: absolute;
						border: 2rpx solid rgba(2, 183, 202, 0.1);
						z-index: 3;
						top: 8rpx;
						left: -8rpx;
					}

					.bigyuan {
						width: 32rpx;
						height: 32rpx;
						border-radius: 50%;
						background-color: #e6f8fa;
						border: 4rpx solid rgba(2, 183, 202, 0.10);
						position: absolute;
						left: -16rpx;
					}

					.num {
						width: 30rpx;
						height: 24rpx;
						font-size: 36rpx;
						font-family: Microsoft YaHei-Bold, Microsoft YaHei;
						font-weight: bold;
						color: #00D9B2;
						line-height: 32rpx;
						margin-left: 24rpx;
					}

					.title {
						font-weight: bold;
						color: #303B39;
						position: absolute;
						top: -10rpx;
						left: 80rpx;
					}

					.material_title {
						color: #333333;
						position: absolute;
						top: -5rpx;
						left: 66rpx;
					}

					.cardcon {
						background: #f8f8f8;
						border-radius: 16rpx;
						padding: 16rpx 16rpx 16rpx 24rpx;
						margin-top: 32rpx;
						margin-left: 60rpx;
						font-weight: 400;
						color: #323434;
					}


					.materials_remark {
						height: 14rpx;
						font-family: Microsoft YaHei-Regular, Microsoft YaHei;
						font-weight: 400;
						color: #666666;
						line-height: 14rpx;
						margin-left: 60rpx;
						margin-top: 24rpx;
					}
				}
			}

			// 组件7
			.comcard {
				margin-bottom: 32rpx;
				width: 343rpx;
				height: 400rpx;
				background: linear-gradient(180deg, rgba(0, 255, 209, 0.1) 0%, rgba(0, 255, 209, 0) 100%);
				box-shadow: inset 0px 0px 24px 0px rgba(183, 255, 238, 0.5);
				border-radius: 24px 24px 24px 24px;
				border-image: linear-gradient(180deg, rgba(221, 253, 243, 0.5), rgba(160, 244, 229, 0.5)) 1 1;
			}

		}
		.remindbox {
			margin-top: 16rpx;
			box-sizing: border-box;
			background: #fff;
			border-radius: 32rpx;

			.process {
				padding: 29rpx 32rpx 80rpx 50rpx;

				.processbox {
					padding: 0 20rpx 48rpx 38rpx;
					border-left: 1rpx dashed #00D9B2;
					font-weight: 500;
					font-size: 32rpx;
					color: #303B39;
					line-height: 56rpx;

					.circular {
						position: absolute;
						left: -18rpx;
						top: 0;
						width: 36rpx;
						height: 36rpx;
						border-radius: 50%;
						background: #00D9B2;
						color: #fff;
						font-size: 28rpx;
						text-align: center;
						line-height: 36rpx;
					}
				}
			}
		}

	}
</style>